<template>
  <div class="order">
    <my-tabbar></my-tabbar>
    <router-view/>
  </div>
</template>

<script>
import MyTabbar from '../../components/MyTabbar.vue'
export default {
  name: 'order',
  directives: {},
  components: {
    MyTabbar
  },
  data () {
    return {}
  },
  mounted () {
//    if (this.UserType !== '4') {
//      this.getPublishOrderList(1)
//    } else {
//
//    }
  }
}
</script>

<style lang="less">
.order{
  padding-bottom: 53px;
  .list-wrapper{
    position: absolute;
    top: 81px;
    width: 100%;
    bottom: 53px;
    overflow-y: auto;
  }
  .total{
    padding: 10px 10px 0 10px;
    display: flex;
    justify-content: space-between;
    color: #04BE02;
  }
  .cantxt{
    height: 100%;
    text-align: center;
    width: 100%;
  }
  .mybutton {
    width: 16%;
    height: 100%;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    color: #FFFFFF;
    background-color: #E64340;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    z-index: 90;
  }
  .order-card .title {
    display: block;
  }
  .vux-header-title{
    margin: 0 68px !important;
  }
  .header-tab{
    margin-top: 5px;
  }
  .order-tabs{
    width: 100%;
    position: fixed;
    z-index: 99;
    top: 46px;
    .vux-tab-container{
      height: 36px;
    }
    .vux-tab{
      height: 36px;
      .vux-tab-item{
        line-height: 36px;
      }
    }
  }
}
</style>
